<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- 
        1. submit   只是单纯的提交给服务器
        2. button   既具有提交给服务器的功能,又能自定义其他功能(配合JS)

        注意:
        * submit的文字显示是通过value属性
        * button的文字显示是通过正文内容
     -->

     <form action="">
         <input type="text" name="userName"><br>
         <input type="submit" value="登录">

         <button>提交</button>
     </form>

     <script>
         document.getElementsByTagName('button')[0].onclick = function(){
            alert('弹出一z老母鸡');
         }
     </script>
</body>
</html>